<!--
 * @Description: 
 * @Author: mmzhang
 * @Date: 2022-09-22 10:46:44
 * @LastEditTime: 2022-10-12 17:30:58
-->
<template>
  <div class="UDeal-task">
    <p class="tips" v-if="taskList.length!=0">
      <Icon type="md-alert" :size="16" color="#FAAD14"
        style="line-height:26px;margin-right:10px;" />
      今日还有{{taskList.length}}个未完成任务，请及时提醒以免扣分</p>
    <ul class="task-detail">
      <li v-for="(item,index) in taskList" :key="index">
        <!--客户资料完善,置业计划书发送,客户跟进-->
        <p class="title"
          v-if="item.taskId==1 || item.taskId==2 || item.taskId==3|| item.taskId==4">
          {{item.customerName}}
          <span>{{item.customerPhone}}</span></p>
        <!--订单回款,附件补传,订单审核，回款审核，附件未及时审核-->
        <div
          v-else-if="item.taskId==5 || item.taskId==6 || item.taskId==7 || item.taskId==8 || item.taskId==9 || item.taskId==10 || item.taskId==14 || item.taskId==15">
          <p class="title">{{item.room}}</p>
          <p>{{item.customerName}}<span style="margin-left:20px">{{item.customerPhone}}</span>
          </p>
        </div>
        <!--退购单审核任务，退签单审核任务-->
        <div v-else-if="item.taskId==25 || item.taskId==26">
          <p class="title">{{item.room}}</p>
        </div>
        <!--霸屏神器分享 -->
        <div v-else-if="item.taskId==19">
          <p class="title">{{item.taskName}}
            <span v-if="isbuildFlag == 'nobuildpage'">{{item.mainSubTaskPeriodTime}}</span></p>
        </div>
        <!--线上售楼处审核任务 , 置业计划书素材审核任务 -->
        <div v-else-if="item.taskId==33 || item.taskId==34">
          <p class="title">{{item.taskName}}
            <span v-if="isbuildFlag == 'nobuildpage'">{{item.submitter}}</span></p>
        </div>
        <div v-else>
          <p class="title">{{item.taskName}} </p>
        </div>
        <p>{{item.pcContent}}</p>
        <p>{{item.remarks}}</p>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    components: {},
    data() {
      return {
        taskList: [],
        isbuildFlag: 'buildpage'
      }
    },
    computed: {},
    created() {
      // 初始化
    },
    mounted() {},
    watch: {},
    methods: {
      initData(taskList) {
        this.isbuildFlag = this.$tool.getStorage('isbuildFlag')
        this.taskList = taskList
      }
    }
  }
</script>
<style lang="scss" scoped>
  .UDeal-task {
    .tips {
      padding: 5px 20px;
      width: 60%;
      margin: 10px 0;
      background-color: rgba(254, 252, 236, 1);
      color: #a30014;

      p {
        line-height: 50px;
      }
    }

    .task-detail {
      max-height: 400px;
      overflow-y: auto;

      li {
        padding: 5px;
        font-size: 14px;
        color: #999;

        .title {
          line-height: 40px;
          font-size: 20px;
          color: #333;

          span {
            margin-left: 20px;
            font-size: 14px;
            color: #999;
          }
        }

        border-bottom: 1px solid #dadada;
      }

    }
  }

  .empty-text {
    padding-left: 20px;
    margin: 10px 0;
    line-height: 40px;
    background-color: rgba(254, 252, 236, 1);
  }
</style>